.jcarousel-skin-tango .jcarousel-container {
}
.jcarousel-skin-tango .jcarousel-direction-rtl {
	direction: rtl;
}
.jcarousel-skin-tango .jcarousel-container-horizontal {
	width: 960px;
	padding: 0;
}
.jcarousel-skin-tango .jcarousel-clip {
	overflow: hidden;
}
.jcarousel-skin-tango .jcarousel-clip-horizontal {
	width:  960px;
}
.jcarousel-skin-tango .jcarousel-item {
	width: 450px;
	padding: 4px;
}
.jcarousel-skin-tango .jcarousel-item img {
	float: left;
}
.jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-left: 0;
	margin-right: 45px !important;
}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 20px !important;
	margin-right: 0;
}
.jcarousel-skin-tango .jcarousel-item-placeholder {
	background: #fff;
	color: #000;
}
/*----- Horizontal Buttons -----*/
.jcarousel-skin-tango .jcarousel-next-horizontal {
	position: absolute;
	top: -42px;
	right: 0px;
	background:url(../images/right-arrow.png) no-repeat right;
	width: 16px;
	height: 16px;
	cursor: pointer;
}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
	left: 0px;
	right: auto;
	
}
.jcarousel-skin-tango .jcarousel-next-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-horizontal:focus {
	
}
.jcarousel-skin-tango .jcarousel-next-horizontal:active {
	
}
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
	cursor: default;
	
}
.jcarousel-skin-tango .jcarousel-prev-horizontal {
	position: absolute;
	top: -42px;
	right: 23px;
	background: url(../images/left-arrow.png) no-repeat left;
width: 16px;
	height: 16px;
		cursor: pointer;
}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
	left: auto;
	right: 0px;
	background-image: url(../images/slider-pager.png);
}
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-horizontal:focus {
	
}
.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
	
}
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
	cursor: default;
	
}
.thumb {
	position:relative;
	overflow:hidden;
}
.thumb .zoom {
	background: url(../images/zoom.png) 0 0 no-repeat transparent;
	width: 48px;
	height: 48px;
	position:absolute;
	left:-60px;
	top:50%;
	margin-top: -24px;
	outline: none;
}
.thumb .zoom:hover {
	background: url(../images/zoom.png) 0 -48px no-repeat transparent;
}
/*----------------------------------------*/
/*----- jcarousel for Mobile (Portrait) / Design for a width of 320px -----*/
/*----------------------------------------*/

@media only screen and (max-width: 767px) {
ul#mycarousel {
margin-top: 20px !important;
}
.jcarousel-skin-tango .jcarousel-container-horizontal {
	width: 300px;
	padding: 0;
}
.jcarousel-skin-tango .jcarousel-clip-horizontal {
	width:  300px;
}
.jcarousel-skin-tango .jcarousel-item {
	width: 290px;
	border: 1px solid #dbdbdb;
	padding: 4px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-left: 0;
	margin-right: 0px !important;
}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 0px !important;
	margin-right: 0;
}
/*----- Horizontal Buttons -----*/
.jcarousel-skin-tango .jcarousel-next-horizontal {
	position: absolute;
	top: -5px;
	right: 0px;
	background: url(../images/slider-pager.png) no-repeat 0 -6px;
	width: 22px;
	height: 6px;
	cursor: pointer;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal {
	position: absolute;
	top: -5px;
	right: 23px;
	background: url(../images/slider-pager.png) no-repeat 0 -6px;
	width: 22px;
	height: 6px;
	cursor: pointer;
}

}

/*----------------------------------------*/
/*----- jcarousel for  Mobile (Landscape) / Design for a width of 480px -----*/
/*----------------------------------------*/

@media only screen and (min-width: 480px) and (max-width: 767px) {

}

/*----------------------------------------*/
/*----- 3.1 Tablet (Portrait) / Design for a width of 768px -----*/
/*----------------------------------------*/

@media only screen and (min-width: 768px) and (max-width: 959px) {
	
ul#mycarousel {
margin-top: 20px !important;
}
.jcarousel-skin-tango .jcarousel-container-horizontal {
	width: 300px;
	padding: 0;
}
.jcarousel-skin-tango .jcarousel-clip-horizontal {
	width:  300px;
}
.jcarousel-skin-tango .jcarousel-item {
	width: 290px;
	border: 1px solid #dbdbdb;
	padding: 4px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-left: 0;
	margin-right: 0px !important;
}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 0px !important;
	margin-right: 0;
}
/*----- Horizontal Buttons -----*/
.jcarousel-skin-tango .jcarousel-next-horizontal {
	position: absolute;
	top: -5px;
	right: 0px;
	background: url(../images/slider-pager.png) no-repeat 0 -6px;
	width: 22px;
	height: 6px;
	cursor: pointer;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal {
	position: absolute;
	top: -5px;
	right: 23px;
	background: url(../images/slider-pager.png) no-repeat 0 -6px;
	width: 22px;
	height: 6px;
	cursor: pointer;
}

}
